html,body{ min-width:1440px; height:100%; }
input,textarea,select,option{ outline: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
.f14px{ font-size: 14px; }
.f16px{ font-size: 16px; }
.white{ color: #fff; }
.red{ color: #FF3B30; }
.gray{ color: #999; }
.block{ display: block; }
.cursor{ cursor:pointer }
.text-center{ text-align: center; }
.login{ 
	position:absolute;
	width: 435px; 
	height: 438px;
	top:50%;
	right:15%;
	transform: translate(0,-50%);
	background: url(../img/login_02.png) no-repeat left center;
	background-size:100% 100%;
	
}

/* 登录页 */
.login-bg{ width: 100%; height: 100%; background:url(../img/login_01.jpg) no-repeat left center; background-size:cover; }
.login form{ padding: 40px; }
.login h1{ font-size:26px; color: #49ABF8; text-align: center; height: 90px; line-height: 90px; }
.login > p{ width: 100%; position: absolute; bottom: 30px; color: #DFF9FF; }
.login li{ padding-bottom: 25px; }
.login li p{ 
	display: flex; 
	align-items: center; 
	height: 40px; 
	line-height: 40px; 
	background: rgba(107, 200, 255, 0.1);
	border: 1px solid rgba(107, 200, 255, 0.4);
}
.login li p span img{ margin: 2px; }
.login li input{ background: transparent; margin: 0 10px; width: 90%; border: 0; font-size: 14px; color: #DFF9FF; box-sizing: border-box;}

.login li input::-webkit-input-placeholder { 
    color: #DFF9FF;
}
.login li input:-moz-placeholder { 
    color: #DFF9FF;
}
.login li input::-moz-placeholder { 
    color: #DFF9FF;
}
.login li input:-ms-input-placeholder { 
    color: #DFF9FF;
}

.login-btn{ padding-top: 10px; }
.login-btn span{ 
	font-size: 18px;
	color: #fff;
	height: 40px; 
	line-height:40px; 
	background: #0F71E2;
	border: 1px solid rgba(107, 200, 255, 0.4); 
}


/* 修改密码 */
.login-top{ width: 100%; position: absolute; left: 80px; top: 54px; background-color:#fff; color: #061178; }
.login-top span{ font-size: 32px; font-weight: 600; margin-right: 25px; }
.login-top em{ font-size: 20px; font-weight: 400; font-style: normal; }

.login-pass{ 
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 560px; 
}
.login-pass li{ position: relative; font-size: 14px; margin-top: 30px; height: 56px; line-height: 56px; }

.login-pass li label{ position: absolute; left: 0; top: 0; width:85px; text-align: right; font-size: 14px; font-weight: bold; }
.login-pass li div{ margin-left: 85px; }
.login-pass li div input{ display: block; width: 100%; padding: 0 15px; box-sizing: border-box; height: 56px; border: 1px solid #ddd; border-radius:4px; color: #999; }

.login-pass li input::-webkit-input-placeholder { 
    color: #999;
}
.login-pass li input:-moz-placeholder { 
    color: #999;
}
.login-pass li input::-moz-placeholder { 
    color: #999;
}
.login-pass li input:-ms-input-placeholder { 
    color: #999;
}

.login-pass li div.btn-con{ display: flex; }
.login-pass li div.btn-con span{ flex: 1; cursor: pointer; border-radius: 4px; font-size: 16px; }
.login-pass li div.btn-con span:nth-child(1){ 
	margin-right: 25px; 
	color: #666;
	background: #FAFAFA;
	border: 1px solid #DDDDDD;
	
}
.login-pass li div.btn-con span:nth-child(2){ 
	color: #fff;
	background: linear-gradient(180deg, #3E6BE4 0%, #1D39C4 100%);
}
.login-pass h6{ margin:8px 0 0 85px; }
.login-pass li div em{ position: absolute; right:0; top: 0; padding: 0 15px; }
.login-pass li div em img{ margin: 14px 0; }
.login-pass li div.current input{ border: 1px solid #FF3B30; }
